<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/web/commons/global.jsp"%>


<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>佛教视频-极乐佛经网-提供大藏经下载大全_佛经念诵_经书抄写_助印经书_经书结缘</title>

<meta name="keywords" content="佛教视频,极乐佛经登录,极乐佛经,极乐佛经网,极乐佛经官网" />
<meta name="description"
	content="佛教视频|极乐佛经|极乐佛经网|佛经大全|佛经下载|佛经念诵|经书抄写|助印经书|经书结缘-极乐佛经网。极乐佛经网是由净顺居士发心为广大佛友所编辑整理的在线看经、在线阅读佛经平台；包含佛经原文，佛经译文，佛经注音，佛经故事，佛经视 频，大藏经等相关佛教经典大全；让更多的佛友能从中学习到佛经、佛法的善知识！" />

<link rel="shortcut icon"
	href="${baseUrl }/resources/img/favicon.ico?a=3" type="image/x-icon" />
<link rel="bookmark" href="${baseUrl }/resources/img/favicon.ico?a=3"
	type="image/x-icon" />
<link rel="shortcut icon"
	href="${baseUrl }/resources/img/favicon.ico?a=3" type="image/x-icon" />
<link rel="bookmark" href="${baseUrl }/resources/img/favicon.ico?a=3"
	type="image/x-icon" />

<link href="${baseUrl }/resources/bootstrap-3.3.5/css/bootstrap.min.css"
	rel="stylesheet">
<link
	href="${baseUrl }/resources/font/Font-Awesome-3.2.1/css/font-awesome.min.css"
	rel="stylesheet" />

<link rel="stylesheet" href="${baseUrl }/resources/css/app.css" />
<link rel="stylesheet" href="${baseUrl }/resources/css/video_list.css" />
<link rel="stylesheet"
	href="${baseUrl }/resources/css/common_video_layout.css" />

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <script src="${baseUrl }/resources/video-js-5.10.4/ie8/videojs-ie8.min.js"></script>
    <![endif]-->
<script src="${baseUrl }/resources/js/jquery-2.1.4.min.js"
	type="text/javascript">
	
</script>
<script src="${baseUrl }/resources/bootstrap-3.3.5/js/bootstrap.min.js"></script>

<script src="${baseUrl }/resources/js/video_list.js"
	type="text/javascript">
	
</script>
</head>

<body>

	<%@ include file="/WEB-INF/jsp/web/commons/header.jsp"%>

	<div class="main-content-wrapper">
		<div class="main-content-wrapper-split">
			<section class="main-content">
				<nav class="breadcrumbs-nav">
					<ol class="breadcrumb breadcrumbs-nav-ol">
						<li><a href="${baseUrl }">首页</a></li>
						<li class="active">视频</li>
					</ol>
				</nav>
				<div class="content-wrapper">
					<div class="category-type-tags-wrapper">
						<div class="spit-hr-1"></div>
						<div class="type-tags">
							<c:forEach items="${dCategories }" var="dCategory">

								<div class="type-tag">
									<div class="title">${dCategory.name }:</div>
									<div class="content">
										<div class="btn-group" role="group" aria-label="...">
											<button type="button" class="btn btn-default tag cur-active">
												<input class="value-store" value="${dCategory.id }" /> 全部
											</button>

											<c:forEach items="${dCategory.childDCategories }"
												var="childchildDCategory"
												varStatus="childchildDCategoryStatus">
												<c:if test="${childchildDCategoryStatus.index < 8 }">
													<button type="button" class="btn btn-default  tag">
														<input class="value-store"
															value="${childchildDCategory.id }" />
														${childchildDCategory.name }
													</button>
												</c:if>
											</c:forEach>

											<c:if test="${fn:length(dCategory.childDCategories) > 8}">
												<button type="button" class="btn btn-default tag more-btn">
													更多<i class="icon-angle-down"></i>
												</button>
											</c:if>
											<div class="clear-both"></div>
										</div>
										<div class="clear-both"></div>

										<c:if test="${fn:length(dCategory.childDCategories) > 8}">
											<div class="more hid">
												<c:forEach begin="1"
													end="${(fn:length(dCategory.childDCategories) - 8) / 9 + ((fn:length(dCategory.childDCategories) - 8) % 9 > 0 ? 1 : 0)}"
													varStatus="topStatus">

													<div class="btn-group" role="group" aria-label="...">

														<c:forEach items="${dCategory.childDCategories }"
															var="childDCategory" varStatus="childDCategoryStatus"
															begin="${topStatus.count * 8 + topStatus.count - 1}"
															end="${topStatus.count * 8 + 8 +topStatus.count - 1}">

															<button type="button" class="btn btn-default  tag">
																<input class="value-store" value="${childDCategory.id }" />
																${childDCategory.name }
															</button>
															<c:if
																test="${fn:length(dCategory.childDCategories) == childDCategoryStatus.index + 1}">
																<button type="button"
																	class="btn btn-default tag put-away-btn">
																	收起<i class="icon-angle-up"></i>
																</button>
															</c:if>
														</c:forEach>
														<div class="clear-both"></div>
													</div>
													<div class="clear-both"></div>
												</c:forEach>
											</div>
										</c:if>

									</div>
									<div class="clear-both"></div>
								</div>
								<div class="spit-hr-1"></div>

							</c:forEach>

						</div>
						<div class="spit-hr-1"></div>
					</div>
					<div class="vertical-spacing-20"></div>
					<div class="cur-videos-wrapper">
						<div class="cur-videos-header">
							<div class="sort-wrapper">
								<span>排序:</span> <a href="javascript:;" class="sort sort-hot">
									<input class="value-store" value="1" /> <i
									class="icon-circle undertone"></i> <span>热门</span>
								</a> <a href="javascript:;" class="sort sort-last-update"> <input
									class="value-store" value="2" /> <i
									class="icon-circle undertone"></i> <span>最近更新</span>
								</a>
							</div>

							<!-- 暂无 -->
							<!-- 							<div class="from-type-wrapper"> -->
							<!-- 								<a href="javascript:;" class="from-type from-jilefojing-type"> -->
							<!-- 									<i class="icon-circle undertone"></i> <span>极乐佛经</span> -->
							<!-- 								</a> <a href="javascript:;" class="from-type from-others-type"> -->
							<!-- 									<i class="icon-circle undertone"></i> <span>全网</span> -->
							<!-- 								</a> -->
							<!-- 							</div> -->
							<div class="clear-both"></div>
						</div>
						<div class="vertical-spacing-10"></div>
						<div id="-VIDEO-MAIN-CONTENT-">
							<div class="videos-wrapper">
								<c:forEach items="${videos}" varStatus="videoStatus_top">
									<c:if test="${videoStatus_top.index % 4 == 0 }">
										<div class="videos">
											<c:forEach items="${videos}" var="video"
												begin="${videoStatus_top.index / 4 * 4 }"
												end="${videoStatus_top.index / 4 * 4 +3 }">
												<div class="video">
													<div class="img-div">
														<a href="${baseUrl }/video/${video.id }.html"> <img
															class="img" src="${video.coverUrl }" />
														</a>
													</div>
													<div class="content-div">
														<div class="content-div-title">
															<a href="${baseUrl }/video/${video.id }.html">
																<h2 class="title">${video.title }</h2>
															</a>
														</div>


														<div class="desc hid">${video.info }</div>
														<div class="desc-time-split"></div>
														<div class="time">
															<div>
																<span>同源${video.countCognate }集 ${video.showTime
																	}
																</span>
															</div>
															<div>
																<c:if test="${video.statistics.countWatch > 0}">
																	<span>${video.statistics.showCountWatch }</span>
																</c:if>
															</div>
															<div class="clear-both"></div>
														</div>
													</div>
												</div>
											</c:forEach>
										</div>
									</c:if>
								</c:forEach>
							</div>

							<c:if test="${not empty  pagination.items}">
								<div class="vertical-spacing-20"></div>
								<div class="video-pagination-wrapper">
									<div class="content">
										<ul class="pagination page-ul">

											<c:if test="${pagination.index > 1}">
												<li class="page-item"><a href="javascript:;"
													onclick="getVideoList(${empty param.cat ? 0 : param.cat},${empty param.sort ? 0 : param.sort},${pagination.index - 1})">&laquo;</a></li>
												<li class="page-item"><a href="javascript:;"
													onclick="getVideoList(${empty param.cat ? 0 : param.cat},${empty param.sort ? 0 : param.sort},1)">首页</a></li>
											</c:if>

											<c:forEach begin="${pagination.index }"
												end="${pagination.index + 7}" varStatus="pageStatus">
												<c:if test="${pageStatus.index <= pagination.pages}">
													<c:choose>
														<c:when test="${pageStatus.first }">
															<li class="page-item cur-page"><a
																href="javascript:;">${pageStatus.index }</a></li>
														</c:when>
														<c:otherwise>
															<li class="page-item"><a href="javascript:;"
																onclick="getVideoList(${empty param.cat ? 0 : param.cat},${empty param.sort ? 0 : param.sort},${pageStatus.index })">${pageStatus.index
																	}</a></li>
														</c:otherwise>
													</c:choose>
												</c:if>
											</c:forEach>

											<c:if test="${pagination.index < pagination.pages}">
												<li class="page-item"
													onclick="getVideoList(${empty param.cat ? 0 : param.cat},${empty param.sort ? 0 : param.sort},${pagination.index + 1})"><a
													href="javascript:;">&raquo;</a></li>
												<li class="page-item"
													onclick="getVideoList(${empty param.cat ? 0 : param.cat},${empty param.sort ? 0 : param.sort},${pagination.pages} )"><a
													href="javascript:;">尾页</a></li>
											</c:if>

											<!-- 													<li class="page-item has-more"><a href="javascript:;">&hellip;</a></li> -->
										</ul>
									</div>
								</div>
							</c:if>
						</div>

					</div>
				</div>

				<div class="vertical-spacing-30"></div>
			</section>

			<%@ include file="/WEB-INF/jsp/web/commons/footer.jsp"%>

		</div>
	</div>

</body>

<script src="${baseUrl }/resources/js/common_video_layout.js"
	type="text/javascript">
	
</script>

<script src="${baseUrl }/resources/js/app.js" type="text/javascript">
	
</script>

</html>